.dashboardContainer {
  padding: 24px;
  background-color: #f5f5f5;
  min-height: 100vh;
}

.statsRow {
  margin-bottom: 24px;
}

.chartsRow {
  margin-bottom: 24px;
}

.statCard {
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
  height: 100%;
}

.statCard:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}

.chartCard {
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
  height: 100%;
}

.chartCard:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

/* 统计卡片样式优化 */
:global(.ant-statistic-title) {
  font-size: 14px;
  color: #666;
  margin-bottom: 8px;
}

:global(.ant-statistic-content) {
  font-size: 24px;
  font-weight: 600;
}

:global(.ant-statistic-content-prefix) {
  margin-right: 8px;
}

/* 卡片标题样式 */
:global(.ant-card-head-title) {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .dashboardContainer {
    padding: 16px;
  }
  
  .statsRow {
    margin-bottom: 16px;
  }
  
  .chartsRow {
    margin-bottom: 16px;
  }
  
  :global(.ant-statistic-content) {
    font-size: 20px;
  }
}

@media (max-width: 576px) {
  .dashboardContainer {
    padding: 12px;
  }
  
  :global(.ant-statistic-content) {
    font-size: 18px;
  }
}

/* 加载状态样式 */
:global(.ant-spin-dot) {
  color: #1890ff;
}

/* 图表容器样式 */
:global(.echarts-for-react) {
  width: 100% !important;
}

/* 卡片内容区域样式 */
:global(.ant-card-body) {
  padding: 16px;
}

/* 统计数字动画效果 */
:global(.ant-statistic-content-value) {
  transition: all 0.3s;
}

/* 图表标题样式 */
:global(.echarts-for-react .echarts-title) {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

/* 图表工具提示样式 */
:global(.echarts-for-react .echarts-tooltip) {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  color: #fff;
}

/* 图表图例样式 */
:global(.echarts-for-react .echarts-legend) {
  font-size: 12px;
}

/* 图表轴标签样式 */
:global(.echarts-for-react .echarts-axis-label) {
  font-size: 12px;
  color: #666;
}

/* 图表网格线样式 */
:global(.echarts-for-react .echarts-grid-line) {
  stroke: #f0f0f0;
  stroke-width: 1;
}

/* 图表数据点样式 */
:global(.echarts-for-react .echarts-series-point) {
  stroke-width: 2;
}

/* 图表区域填充样式 */
:global(.echarts-for-react .echarts-area) {
  opacity: 0.3;
}

/* 图表柱状图样式 */
:global(.echarts-for-react .echarts-bar) {
  border-radius: 2px;
}

/* 图表饼图样式 */
:global(.echarts-for-react .echarts-pie) {
  border-radius: 50%;
}

/* 图表线图样式 */
:global(.echarts-for-react .echarts-line) {
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* 图表动画效果 */
:global(.echarts-for-react .echarts-animation) {
  transition: all 0.3s ease-in-out;
}

/* 图表悬停效果 */
:global(.echarts-for-react .echarts-hover) {
  transform: scale(1.05);
}

/* 图表选择效果 */
:global(.echarts-for-react .echarts-selected) {
  opacity: 0.8;
}

/* 图表禁用效果 */
:global(.echarts-for-react .echarts-disabled) {
  opacity: 0.5;
  cursor: not-allowed;
}

/* 图表加载效果 */
:global(.echarts-for-react .echarts-loading) {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}

/* 图表错误效果 */
:global(.echarts-for-react .echarts-error) {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #ff4d4f;
  font-size: 14px;
}

/* 图表空数据效果 */
:global(.echarts-for-react .echarts-empty) {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #999;
  font-size: 14px;
} 